<template>
<div>
  <Header :title=title><i class="el-icon-arrow-left" @click="$global.goPage('/mine')"></i> </Header>
<songs-list :songs-list="MyLikeSongs"></songs-list>
</div>
</template>

<script>
import Header from "../../../components/Header";
import SongsList from "../../music/Player/SongsList";
import {mapState} from "vuex";
export default {
name: "MusLike",
  components: {SongsList, Header},
  data(){
    return{
      title:this.$route.params.title,
    }
  },
    computed:{...mapState({
        MyLikeSongs:state=>state.music.myLikeSongs,
      })},
    beforeCreate() {
      this.$store.dispatch('music/MyLikeSongs',
        window.localStorage.getItem('id'))
    },
}
</script>

<style scoped>

</style>
